<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	template="/templates/customers.xhtml">

	<ui:define name="customerContent">
		<h:form id="detallesRestaurante">
			<center>
				<rich:panel styleClass="bloquecentral">
					<div align="center">
						<a:outputPanel id="panelReservar">
								<rich:panel style="width: 650px;">
									<f:facet name="header"> Detalles del Restaurante</f:facet>
									<h:panelGrid columns="2" cellspacing="10" >
										<h:outputLabel value="Nombre" for="rNombre" />
										<h:inputText id="rNombre" value="#{restauranteReserva.nombre}" disabled="true" style="color: #3366CC; width : 190px;"/>
										<h:outputLabel value="Categoria" for="rCat" />
										<h:inputText id="rCat" value="#{restauranteReserva.categoria.nombre}" disabled="true" style="color: #3366CC; width : 190px;"/>
										<h:outputLabel value="Email" for="rEmail" />
										<h:inputText id="rEmail" value="#{restauranteReserva.email}" disabled="true" style="color: #3366CC; width : 190px;"/>
										<h:outputLabel value="Telefono" for="rTelefono" />
										<h:inputText id="rTelefono" value="#{restauranteReserva.telefono}" disabled="true" style="color: #3366CC;"/>
										<h:outputLabel value="Provincia" for="rProvincia" />
										<h:inputText id="rProvincia" value="#{restauranteReserva.municipio.provincia.nombre}" disabled="true" style="color: #3366CC;"/>
										<h:outputLabel value="Municipio" for="rMunicipio" />
										<h:inputText id="rMunicipio" value="#{restauranteReserva.municipio.nombre}" disabled="true" style="color: #3366CC;"/>
										<br /> <br />
										
									</h:panelGrid>
									
									<br /> <br />
									<a:outputPanel rendered="#{(fotosRestauranteReserva.size>0)}">
										<rich:panel id="panelFotoSeleccionada">
											<f:facet name="header" ><h:outputText value="Fotos del Restaurante"/></f:facet>
											<h:graphicImage url="/RestaurantsImages#{booking.fotoSeleccionada}" height="450px;" width="450px;"/>
										</rich:panel>
										<br /> <br />
										<rich:dataGrid value="#{fotosRestauranteReserva}" var="fotoseleccionadaReserva" columns="#{fotosRestauranteReserva.size}" elements="5" width="600px">
								            <rich:panel bodyClass="pbody" style="width: 120px;">
								                <rich:effect type="Opacity" event="onclick" params="duration:0.8,from:0.3,to:1"/>
								                <f:facet name="header" >
								                    <h:outputText value=" "></h:outputText>
								                </f:facet>
								                <a:commandLink action="#{booking.seleccionarFoto(fotoseleccionadaReserva.ruta)}" reRender="panelFotoSeleccionada" id="enlaceFoto">
								                    <h:graphicImage url="/RestaurantsImages#{fotoseleccionadaReserva.ruta}" height="90px;" width="90px;"/>
								                </a:commandLink>
								            </rich:panel>
								            
								        </rich:dataGrid >
								   </a:outputPanel>
							</rich:panel>
						</a:outputPanel>
						
						<br/><br/><br/>
						<rich:panel style="width: 650px;">
							<f:facet name="header"> Detalles de la Reserva</f:facet>
							<h:panelGrid columns="2">
								<h:outputText value="Fecha de la Reserva" />
								<rich:calendar value="#{reserva.fecha}" showWeeksBar="false" />
								<h:outputText value="" />
								<h:selectOneRadio value="#{reserva.almuerzo}">
									<f:selectItem itemLabel="Almuerzo" itemValue="true"/>
									<f:selectItem itemLabel="Cena" itemValue="false"/>
								</h:selectOneRadio>
								<h:outputText value="Num. Comensales Zona No Fumadores" style="margin-top: 20px;"/>
								<rich:inputNumberSpinner inputSize="3" maxValue="999" value="#{booking.numNoFumadores}"/>
								<h:outputText value="Num. Comensales Zona Fumadores" />
								<rich:inputNumberSpinner inputSize="3" maxValue="999" value="#{booking.numFumadores}"/>
							</h:panelGrid> 
							<br/><br/>
							<a:commandButton value="Comprobar Disponibilidad" action="#{booking.comprobarDisponibilidad}"/>
							<br /><br /><br />
							<h:messages globalOnly="true"/>
						</rich:panel>
					</div>
					<rich:spacer height="200px;"/>
				</rich:panel>
				
			</center>
		</h:form>
	</ui:define>
</ui:composition>